<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>05-CSS字体属性之字体系列</title>
  <style>
    p {
      font-size: 14px;
    }

    .active {
      color: red;
      font-weight: 700;
      font-family: "微软雅黑";
    }

    h2 {
      /* font-family: ; */
      font-size: 20px;
      font-weight: normal;
    }    
  </style>
</head>
<body>

  <h2>Redmi note8</h2>
  <p class="active">
    屏幕方面，Redmi Note 8 手机显示屏采用曲线优美的圆角设计，四个圆角位于一个标准矩形内。按照标准矩形测量时，屏幕的对角线长度是 6.3 英寸 (实际可视区域较小)。全面屏是一项屏幕技术，指相比其他Redmi 手机，屏幕占比较大；90%屏占⽐数据依据行业内测量方式不同，实际结果可能略有差异
  </p>

  <p>
    眼影光 渐隐设计仅在梦幻蓝配色机身上使用
  </p>

  <p>
    电池方面，4000mAh 为 Redmi Note 8 电池容量典型值
  </p>
  
</body>
</html>